<!DOCTYPE HTML>
<html lang="en-US" >
    
    <head>
        
        <meta charset="UTF-8">
        <title>加载授权页面 | 新浪微博开发笔记</title>
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
        <meta name="description" content="">
        <meta name="generator" content="GitBook 1.0.3">
        <meta name="HandheldFriendly" content="true"/>
        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../gitbook/images/apple-touch-icon-precomposed-152.png">
        <link rel="shortcut icon" href="../gitbook/images/favicon.ico" type="image/x-icon">
        
    
    
    
    <link rel="next" href="../access token/readme.html" />
    
    
    <link rel="prev" href="../oauth/register app.html" />
    

        
    </head>
    <body>
        
        
<link rel="stylesheet" href="../gitbook/style.css">


        
    <div class="book"  data-level="0.5.2" data-basepath=".." data-revision="1446913807342">
    

<div class="book-summary">
    <div class="book-search">
        <input type="text" placeholder="Type to search" class="form-control" />
    </div>
    <ul class="summary">
        
    	
    	
    	

        

        
    
        
        <li class="chapter " data-level="0" data-path="index.html">
            
                
                    <a href="../index.html">
                        <i class="fa fa-check"></i>
                        
                         新浪微博笔记
                    </a>
                
            
            
            <ul class="articles">
                
    
        
        <li class="chapter " data-level="0.1" data-path="project init/prepare project.html">
            
                
                    <a href="../project init/prepare project.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.1.</b>
                        
                         准备工作
                    </a>
                
            
            
            <ul class="articles">
                
    
        
        <li class="chapter " data-level="0.1.1" data-path="project init/project deploy.html">
            
                
                    <a href="../project init/project deploy.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.1.1.</b>
                        
                         项目部署
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="0.1.2" data-path="project init/project settings.html">
            
                
                    <a href="../project init/project settings.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.1.2.</b>
                        
                         项目设置
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="0.1.3" data-path="project init/confirm architecture.html">
            
                
                    <a href="../project init/confirm architecture.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.1.3.</b>
                        
                         架构确定
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="0.1.4" data-path="project init/mvvm.html">
            
                
                    <a href="../project init/mvvm.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.1.4.</b>
                        
                         MVVM
                    </a>
                
            
            
        </li>
    

            </ul>
            
        </li>
    
        
        <li class="chapter " data-level="0.2" data-path="create project/readme.html">
            
                
                    <a href="../create project/readme.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.2.</b>
                        
                         项目搭建
                    </a>
                
            
            
            <ul class="articles">
                
    
        
        <li class="chapter " data-level="0.2.1" data-path="create project/create files.html">
            
                
                    <a href="../create project/create files.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.2.1.</b>
                        
                         创建文件
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="0.2.2" data-path="create project/add child controllers.html">
            
                
                    <a href="../create project/add child controllers.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.2.2.</b>
                        
                         添加子控制器
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="0.2.3" data-path="create project/custom main tabbar.html">
            
                
                    <a href="../create project/custom main tabbar.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.2.3.</b>
                        
                         自定义 TabBar
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="0.2.4" data-path="create project/summary.html">
            
                
                    <a href="../create project/summary.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.2.4.</b>
                        
                         阶段性小结
                    </a>
                
            
            
        </li>
    

            </ul>
            
        </li>
    
        
        <li class="chapter " data-level="0.3" data-path="visitor/readme.html">
            
                
                    <a href="../visitor/readme.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.3.</b>
                        
                         访客视图
                    </a>
                
            
            
            <ul class="articles">
                
    
        
        <li class="chapter " data-level="0.3.1" data-path="visitor/base table view controller.html">
            
                
                    <a href="../visitor/base table view controller.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.3.1.</b>
                        
                         表格视图控制器基类
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="0.3.2" data-path="visitor/visitor login view.html">
            
                
                    <a href="../visitor/visitor login view.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.3.2.</b>
                        
                         用户登录视图
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="0.3.3" data-path="visitor/setup login info.html">
            
                
                    <a href="../visitor/setup login info.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.3.3.</b>
                        
                         设置未登录信息
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="0.3.4" data-path="visitor/home animation.html">
            
                
                    <a href="../visitor/home animation.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.3.4.</b>
                        
                         首页动画
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="0.3.5" data-path="visitor/login buttons delegate.html">
            
                
                    <a href="../visitor/login buttons delegate.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.3.5.</b>
                        
                         登录&amp;注册代理回调
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="0.3.6" data-path="visitor/appearance.html">
            
                
                    <a href="../visitor/appearance.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.3.6.</b>
                        
                         导航栏全局外观
                    </a>
                
            
            
        </li>
    

            </ul>
            
        </li>
    
        
        <li class="chapter " data-level="0.4" data-path="frameworks/readme.html">
            
                
                    <a href="../frameworks/readme.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.4.</b>
                        
                         第三方框架
                    </a>
                
            
            
            <ul class="articles">
                
    
        
        <li class="chapter " data-level="0.4.1" data-path="frameworks/afnetworking.html">
            
                
                    <a href="../frameworks/afnetworking.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.4.1.</b>
                        
                         AFNetworking
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="0.4.2" data-path="frameworks/svprogresshud sdwebimage.html">
            
                
                    <a href="../frameworks/svprogresshud sdwebimage.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.4.2.</b>
                        
                         SVProgressHUD 和 SDWebImage
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="0.4.3" data-path="frameworks/snapkit.html">
            
                
                    <a href="../frameworks/snapkit.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.4.3.</b>
                        
                         SnapKit
                    </a>
                
            
            
        </li>
    

            </ul>
            
        </li>
    
        
        <li class="chapter " data-level="0.5" data-path="oauth/readme.html">
            
                
                    <a href="../oauth/readme.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.5.</b>
                        
                         OAuth
                    </a>
                
            
            
            <ul class="articles">
                
    
        
        <li class="chapter " data-level="0.5.1" data-path="oauth/register app.html">
            
                
                    <a href="../oauth/register app.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.5.1.</b>
                        
                         注册应用程序
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter active" data-level="0.5.2" data-path="oauth/load oauth page.html">
            
                
                    <a href="../oauth/load oauth page.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.5.2.</b>
                        
                         加载授权页面
                    </a>
                
            
            
        </li>
    

            </ul>
            
        </li>
    
        
        <li class="chapter " data-level="0.6" data-path="access token/readme.html">
            
                
                    <a href="../access token/readme.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.6.</b>
                        
                         Access Token
                    </a>
                
            
            
            <ul class="articles">
                
    
        
        <li class="chapter " data-level="0.6.1" data-path="access token/load access token.html">
            
                
                    <a href="../access token/load access token.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.6.1.</b>
                        
                         加载 AccessToken
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="0.6.2" data-path="access token/user account.html">
            
                
                    <a href="../access token/user account.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.6.2.</b>
                        
                         用户账户模型
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="0.6.3" data-path="access token/expires date.html">
            
                
                    <a href="../access token/expires date.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.6.3.</b>
                        
                         过期日期
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="0.6.4" data-path="access token/load user info.html">
            
                
                    <a href="../access token/load user info.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.6.4.</b>
                        
                         加载用户信息
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="0.6.5" data-path="access token/archive user account.html">
            
                
                    <a href="../access token/archive user account.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.6.5.</b>
                        
                         归档 &amp; 解档
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="0.6.6" data-path="access token/view model.html">
            
                
                    <a href="../access token/view model.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.6.6.</b>
                        
                         视图模型
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="0.6.7" data-path="access token/error enum.html">
            
                
                    <a href="../access token/error enum.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.6.7.</b>
                        
                         自定义错误枚举
                    </a>
                
            
            
        </li>
    

            </ul>
            
        </li>
    
        
        <li class="chapter " data-level="0.7" data-path="newfeature/README.html">
            
                
                    <a href="../newfeature/README.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.7.</b>
                        
                         新特性和欢迎界面
                    </a>
                
            
            
            <ul class="articles">
                
    
        
        <li class="chapter " data-level="0.7.1" data-path="newfeature/newfeature.html">
            
                
                    <a href="../newfeature/newfeature.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.7.1.</b>
                        
                         新特性
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="0.7.2" data-path="newfeature/welcome.html">
            
                
                    <a href="../newfeature/welcome.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.7.2.</b>
                        
                         欢迎界面
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="0.7.3" data-path="newfeature/switch vc.html">
            
                
                    <a href="../newfeature/switch vc.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.7.3.</b>
                        
                         切换界面
                    </a>
                
            
            
        </li>
    

            </ul>
            
        </li>
    
        
        <li class="chapter " data-level="0.8" data-path="appendix/readme.html">
            
                
                    <a href="../appendix/readme.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.8.</b>
                        
                         附录
                    </a>
                
            
            
            <ul class="articles">
                
    
        
        <li class="chapter " data-level="0.8.1" data-path="appendix/image assets.html">
            
                
                    <a href="../appendix/image assets.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.8.1.</b>
                        
                         图片素材
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="0.8.2" data-path="appendix/cocoa pod.html">
            
                
                    <a href="../appendix/cocoa pod.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.8.2.</b>
                        
                         cocoa pod
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="0.8.3" data-path="appendix/singleton.html">
            
                
                    <a href="../appendix/singleton.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.8.3.</b>
                        
                         单例
                    </a>
                
            
            
        </li>
    
        
        <li class="chapter " data-level="0.8.4" data-path="appendix/swift_vs_oc.html">
            
                
                    <a href="../appendix/swift_vs_oc.html">
                        <i class="fa fa-check"></i>
                        
                            <b>0.8.4.</b>
                        
                         为什么要学习 Swift
                    </a>
                
            
            
        </li>
    

            </ul>
            
        </li>
    

            </ul>
            
        </li>
    


        
        <li class="divider"></li>
        <li>
            <a href="http://www.gitbook.io/" target="blank" class="gitbook-link">Published using GitBook</a>
        </li>
        
    </ul>
</div>

    <div class="book-body">
        <div class="body-inner">
            <div class="book-header">
    <!-- Actions Left -->
    <a href="#" class="btn pull-left toggle-summary" aria-label="Toggle summary"><i class="fa fa-align-justify"></i></a>
    <a href="#" class="btn pull-left toggle-search" aria-label="Toggle search"><i class="fa fa-search"></i></a>
    
    <div id="font-settings-wrapper" class="dropdown pull-left">
        <a href="#" class="btn toggle-dropdown" aria-label="Toggle font settings"><i class="fa fa-font"></i>
        </a>
        <div class="dropdown-menu font-settings">
    <div class="dropdown-caret">
        <span class="caret-outer"></span>
        <span class="caret-inner"></span>
    </div>

    <div class="buttons">
        <button type="button" id="reduce-font-size" class="button size-2">A</button>
        <button type="button" id="enlarge-font-size" class="button size-2">A</button>
    </div>

    <div class="buttons font-family-list">
        <button type="button" data-font="0" class="button">Serif</button>
        <button type="button" data-font="1" class="button">Sans</button>
    </div>

    <div class="buttons color-theme-list">
        <button type="button" id="color-theme-preview-0" class="button size-3" data-theme="0">White</button>
        <button type="button" id="color-theme-preview-1" class="button size-3" data-theme="1">Sepia</button>
        <button type="button" id="color-theme-preview-2" class="button size-3" data-theme="2">Night</button>
    </div>
</div>

    </div>

    <!-- Actions Right -->
    
    <div class="dropdown pull-right">
        <a href="#" class="btn toggle-dropdown" aria-label="Toggle share dropdown"><i class="fa fa-share-alt"></i>
        </a>
        <div class="dropdown-menu font-settings dropdown-left">
            <div class="dropdown-caret">
                <span class="caret-outer"></span>
                <span class="caret-inner"></span>
            </div>
            <div class="buttons">
                <button type="button" data-sharing="twitter" class="button">Twitter</button>
                <button type="button" data-sharing="google-plus" class="button">Google</button>
                <button type="button" data-sharing="facebook" class="button">Facebook</button>
                <button type="button" data-sharing="weibo" class="button">Weibo</button>
                <button type="button" data-sharing="instapaper" class="button">Instapaper</button>
            </div>
        </div>
    </div>
    

    
    <a href="#" target="_blank" class="btn pull-right google-plus-sharing-link sharing-link" data-sharing="google-plus" aria-label="Share on Google Plus"><i class="fa fa-google-plus"></i></a>
    
    
    <a href="#" target="_blank" class="btn pull-right facebook-sharing-link sharing-link" data-sharing="facebook" aria-label="Share on Facebook"><i class="fa fa-facebook"></i></a>
    
    
    <a href="#" target="_blank" class="btn pull-right twitter-sharing-link sharing-link" data-sharing="twitter" aria-label="Share on Twitter"><i class="fa fa-twitter"></i></a>
    
    

    <!-- Title -->
    <h1>
        <i class="fa fa-circle-o-notch fa-spin"></i>
        <a href="../" >新浪微博开发笔记</a>
    </h1>
</div>

            <div class="page-wrapper" tabindex="-1">
                <div class="page-inner">
                
                
                    <section class="normal" id="section-gitbook_267">
                    
                        <h1 id="">加载授权页面</h1>
<h2 id="">目标</h2>
<ul>
<li>通过浏览器访问新浪授权页面，获取授权码</li>
</ul>
<h3 id="">接口文档</h3>
<p><a href="http://open.weibo.com/wiki/Oauth2/authorize" target="_blank">http://open.weibo.com/wiki/Oauth2/authorize</a></p>
<ul>
<li>测试授权 URL</li>
</ul>
<p><a href="https://api.weibo.com/oauth2/authorize?client_id=479651210&amp;redirect_uri=http://itheima.com" target="_blank">https://api.weibo.com/oauth2/authorize?client_id=479651210&amp;redirect_uri=http://itheima.com</a></p>
<blockquote>
<p>注意：回调地址必须与注册应用程序保持一致</p>
</blockquote>
<h2 id="">功能实现</h2>
<h3 id="">准备工作</h3>
<ul>
<li>新建 <code>OAuth</code> 文件夹</li>
<li>新建 <code>OAuthViewController.swift</code> 继承自 <code>UIViewController</code></li>
</ul>
<h4 id="-oauth-">加载 OAuth 视图控制器</h4>
<ul>
<li>修改 <code>BaseTableViewController</code> 中用户登录部分代码</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">/// 用户登录</span>
<span class="hljs-preprocessor">@objc</span> private <span class="hljs-func"><span class="hljs-keyword">func</span> <span class="hljs-title">visitorViewDidLogin</span><span class="hljs-params">()</span> </span>{
    <span class="hljs-keyword">let</span> nav = <span class="hljs-type">UINavigationController</span>(rootViewController: <span class="hljs-type">OAuthViewController</span>())

    presentViewController(nav, animated: <span class="hljs-built_in">true</span>, completion: <span class="hljs-built_in">nil</span>)
}
</code></pre>
<ul>
<li>在 <code>OAuthViewController</code> 中添加以下代码</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">/// OAuth 授权控制器</span>
<span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">OAuthViewController</span>: <span class="hljs-title">UIViewController</span> </span>{

    private lazy <span class="hljs-keyword">var</span> webView = <span class="hljs-type">UIWebView</span>()

    <span class="hljs-comment">// MARK: - 监听方法</span>
    <span class="hljs-comment">/// 关闭</span>
    <span class="hljs-preprocessor">@objc</span> private <span class="hljs-func"><span class="hljs-keyword">func</span> <span class="hljs-title">close</span><span class="hljs-params">()</span> </span>{
        dismissViewControllerAnimated(<span class="hljs-built_in">true</span>, completion: <span class="hljs-built_in">nil</span>)
    }

    <span class="hljs-comment">// MARK: - 设置界面</span>
    <span class="hljs-keyword">override</span> <span class="hljs-func"><span class="hljs-keyword">func</span> <span class="hljs-title">loadView</span><span class="hljs-params">()</span> </span>{
        view = webView

        title = <span class="hljs-string">"登录新浪微博"</span>

        navigationItem.leftBarButtonItem = <span class="hljs-type">UIBarButtonItem</span>(title: <span class="hljs-string">"关闭"</span>, style: .<span class="hljs-type">Plain</span>, target: <span class="hljs-keyword">self</span>, action: <span class="hljs-string">"close"</span>)
    }
}
</code></pre>
<blockquote>
<p>运行测试</p>
</blockquote>
<h3 id="">加载授权页面</h3>
<ul>
<li>在 <code>NetworkTools</code> 中定义应用程序授权相关信息</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">// MARK: - 应用程序信息</span>
private <span class="hljs-keyword">let</span> appKey      = <span class="hljs-string">"1407267207"</span>
private <span class="hljs-keyword">let</span> appSecret   = <span class="hljs-string">"6b66590f29bad6e7e7dd4c7b0c4dfa50"</span>
private <span class="hljs-keyword">let</span> redirectUri = <span class="hljs-string">"http://www.baidu.com"</span>

<span class="hljs-comment">// MARK: - OAuth</span>
<span class="hljs-comment">/// OAuth 收取地址</span>
<span class="hljs-comment">/// - see: [http://open.weibo.com/wiki/Oauth2/authorize](http://open.weibo.com/wiki/Oauth2/authorize)</span>
<span class="hljs-keyword">var</span> oauthURL: <span class="hljs-type">NSURL</span> {
    <span class="hljs-keyword">let</span> <span class="hljs-type">URLString</span> = <span class="hljs-string">"https://api.weibo.com/oauth2/authorize?client_id=<span class="hljs-subst">\(appKey)</span>&amp;redirect_uri=<span class="hljs-subst">\(redirectUri)</span>"</span>

    <span class="hljs-keyword">return</span> <span class="hljs-type">NSURL</span>(string: <span class="hljs-type">URLString</span>)!
}
</code></pre>
<ul>
<li>在 <code>info.plist</code> 中增加 <code>ATS</code> 设置</li>
</ul>
<pre><code class="lang-xml"><span class="hljs-tag">&lt;<span class="hljs-title">key</span>&gt;</span>NSAppTransportSecurity<span class="hljs-tag">&lt;/<span class="hljs-title">key</span>&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-title">dict</span>&gt;</span>
    <span class="hljs-tag">&lt;<span class="hljs-title">key</span>&gt;</span>NSAllowsArbitraryLoads<span class="hljs-tag">&lt;/<span class="hljs-title">key</span>&gt;</span>
    <span class="hljs-tag">&lt;<span class="hljs-title">true</span>/&gt;</span>
<span class="hljs-tag">&lt;/<span class="hljs-title">dict</span>&gt;</span>
</code></pre>
<ul>
<li>加载授权页面</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-keyword">override</span> <span class="hljs-func"><span class="hljs-keyword">func</span> <span class="hljs-title">viewDidLoad</span><span class="hljs-params">()</span> </span>{
    <span class="hljs-keyword">super</span>.viewDidLoad()

    <span class="hljs-comment">// 加载授权页面</span>
    webView.loadRequest(<span class="hljs-type">NSURLRequest</span>(<span class="hljs-type">URL</span>: <span class="hljs-type">NetworkTools</span>.sharedTools.oauthURL))
}
</code></pre>
<h3 id="">自动填充</h3>
<ul>
<li>在 <code>loadView</code> 中添加<code>自动填充</code>按钮</li>
</ul>
<pre><code class="lang-swift">navigationItem.rightBarButtonItem = <span class="hljs-type">UIBarButtonItem</span>(title: <span class="hljs-string">"自动填充"</span>, style: .<span class="hljs-type">Plain</span>, target: <span class="hljs-keyword">self</span>, action: <span class="hljs-string">"autoFill"</span>)
</code></pre>
<ul>
<li>实现自动填充代码</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">/// 自动填充</span>
<span class="hljs-preprocessor">@objc</span> private <span class="hljs-func"><span class="hljs-keyword">func</span> <span class="hljs-title">autoFill</span><span class="hljs-params">()</span> </span>{
    <span class="hljs-keyword">let</span> js = <span class="hljs-string">"document.getElementById('userId').value = 'daoge10000@sina.cn';"</span> +
        <span class="hljs-string">"document.getElementById('passwd').value = 'qqq123';"</span>

    webView.stringByEvaluatingJavaScriptFromString(js)
}
</code></pre>
<ul>
<li>实现代理方法，跟踪重定向 URL</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">// MARK: - UIWebView 代理方法</span>
<span class="hljs-comment">/// 是否加载请求</span>
<span class="hljs-comment">///</span>
<span class="hljs-comment">/// - parameter webView:        webView</span>
<span class="hljs-comment">/// - parameter request:        要加载的请求</span>
<span class="hljs-comment">/// - parameter navigationType: 导航类型</span>
<span class="hljs-comment">///</span>
<span class="hljs-comment">/// - returns: 是否加载当前请求</span>
<span class="hljs-func"><span class="hljs-keyword">func</span> <span class="hljs-title">webView</span><span class="hljs-params">(webView: UIWebView, shouldStartLoadWithRequest request: NSURLRequest, navigationType: UIWebViewNavigationType)</span> -&gt; <span class="hljs-title">Bool</span> </span>{
    <span class="hljs-built_in">print</span>(request)

    <span class="hljs-keyword">return</span> <span class="hljs-built_in">true</span>
}
</code></pre>
<ul>
<li><p>结果分析</p>
<ul>
<li>如果 URL 以回调地址开始，需要检查查询参数</li>
<li>其他 URL 均加载</li>
</ul>
</li>
<li><p>修改代码</p>
</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-comment">// 如果 URL 不包含回调地址，继续加载</span>
<span class="hljs-keyword">if</span> !request.<span class="hljs-type">URL</span>!.absoluteString.hasPrefix(<span class="hljs-type">NetworkTools</span>.sharedTools.redirectUri) {
    <span class="hljs-keyword">return</span> <span class="hljs-built_in">true</span>
}

<span class="hljs-comment">// 判断查询字符串是否包含 `code=`</span>
<span class="hljs-keyword">if</span> <span class="hljs-keyword">let</span> query = request.<span class="hljs-type">URL</span>?.query <span class="hljs-keyword">where</span> query.hasPrefix(<span class="hljs-string">"code="</span>) {
    <span class="hljs-keyword">let</span> code = query.substringFromIndex(<span class="hljs-string">"code="</span>.endIndex)

    <span class="hljs-built_in">print</span>(<span class="hljs-string">"请求码 <span class="hljs-subst">\(code)</span>"</span>)
    <span class="hljs-keyword">return</span> <span class="hljs-built_in">false</span>
}

<span class="hljs-keyword">return</span> <span class="hljs-built_in">false</span>
</code></pre>
<h3 id="">加载指示器</h3>
<ul>
<li>导入 <code>SVProgressHUD</code></li>
</ul>
<pre><code class="lang-swift"><span class="hljs-keyword">import</span> <span class="hljs-type">SVProgressHUD</span>
</code></pre>
<ul>
<li>WebView 代理方法</li>
</ul>
<pre><code class="lang-swift"><span class="hljs-func"><span class="hljs-keyword">func</span> <span class="hljs-title">webViewDidStartLoad</span><span class="hljs-params">(webView: UIWebView)</span> </span>{
    <span class="hljs-type">SVProgressHUD</span>.show()
}

<span class="hljs-func"><span class="hljs-keyword">func</span> <span class="hljs-title">webViewDidFinishLoad</span><span class="hljs-params">(webView: UIWebView)</span> </span>{
    <span class="hljs-type">SVProgressHUD</span>.dismiss()
}

<span class="hljs-func"><span class="hljs-keyword">func</span> <span class="hljs-title">webView</span><span class="hljs-params">(webView: UIWebView, didFailLoadWithError error: NSError?)</span> </span>{
    <span class="hljs-comment">// 判断是否因为用户中断</span>
    <span class="hljs-keyword">if</span> error?.code == <span class="hljs-number">102</span> {
        <span class="hljs-type">SVProgressHUD</span>.dismiss()
    } <span class="hljs-keyword">else</span> {
        <span class="hljs-type">SVProgressHUD</span>.showInfoWithStatus(<span class="hljs-string">"您的网络不给力"</span>)
    }
}
</code></pre>

                    
                    </section>
                
                
                </div>
            </div>
        </div>

        
        <a href="../oauth/register app.html" class="navigation navigation-prev " aria-label="Previous page: 注册应用程序"><i class="fa fa-angle-left"></i></a>
        
        
        <a href="../access token/readme.html" class="navigation navigation-next " aria-label="Next page: Access Token"><i class="fa fa-angle-right"></i></a>
        
    </div>
</div>

        
<script src="../gitbook/app.js"></script>

    
    <script src="https://cdn.mathjax.org/mathjax/2.4-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
    

    
    <script src="../gitbook/plugins/gitbook-plugin-mathjax/plugin.js"></script>
    

<script>
require(["gitbook"], function(gitbook) {
    var config = {"fontSettings":{"theme":null,"family":"sans","size":2}};
    gitbook.start(config);
});
</script>

        
    </body>
    
</html>
